<script type="text/javascript" src="js/registerFormValidator.js" /></script>
<div id="registerForm">
    <div id="userDetails" style="visibility: visible">
        <form name="registerForm" class="regform" method="post" action="createUser.php" onsubmit="return validateRegForm()">            
            <fieldset>
                <legend>User Login Details</legend>
                <ol>
                    <li>
                        <label for="userType">User Type<em>*</em></label>
                        <select id="userType" name="userType">
                            <option value="" selected onclick="hideForm('businessUser'); hideForm('regUser');"/></option>
                            <option value="2" onclick="hideForm('businessUser'); showForm('regUser');"/>Registered</option>
                            <option value="3" onclick="hideForm('regUser'); showForm('businessUser');"/>Business</option>
                            <option value="4" onclick="hideForm('businessUser'); showForm('regUser');"/>Financial</option>
                        </select>
                    </li>
                    <li>
                        <label for="name">Full Name<em>*</em></label>
                        <input id="name" name="name" type="text" />
                    </li>
                    <li>
                        <label for="email">Email Address<em>*</em></label>
                        <input id="email" name="email" type="text" />
                    </li>    
                     <li>
                        <label for="password">Password<em>*</em></label>
                        <input id="password" name="password" type="password" />
                    </li>
                     <li>
                        <label for="passwordConf">Password Confirmation<em>*</em></label>
                        <input id="passwordConf" name="passwordConf" type="password" />
                    </li>                    
                    <li>
                        <label for="mothersMaidenName">Mother's Maiden Name<em>*</em></label>
                        <input id="mothersMaidenName" name="mothersMaidenName" type="text" />
                    </li>
            </fieldset>
            <fieldset id="regUser" style="display: none;">
                <legend>User Details</legend>
                    <li>
                        <label for="address">Address<em>*</em></label>
                        <input id="address" name="address" type="text" />
                    </li>                  
                    <li>
                        <label for="phoneNumLand">Phone Number (Land line)<em>*</em></label>
                        <input id="phoneNumLand" name="phoneNumLand" type="text" />
                    </li>
                    <li>
                        <label for="phoneNumCell">Phone Number (Mobile)<em>*</em></label>
                        <input id="phoneNumCell" name="phoneNumCell" type="text" />
                    </li>
                    <li>
                        <label for="occupation">Occupation<em>*</em></label>
                        <input id="occupation" name="occupation" type="text" />
                    </li>
                    <li>
                        <label for="employer">Employer</label>
                        <input id="employer" name="employer" type="text" />
                    </li>
                    <li>
                        <label for="employerAddress">Employer Address</label>
                        <input id="employerAddress" name="employerAddress" type="text" />
                    </li>
                    <li>
                        <label for="ccNumber">Credit Card Number<em>*</em></label>
                        <input id="ccNumber" name="ccNumber" type="text" />
                    </li>
                    <li>
                        <label for="ccCode">Credit Card Code<em>*</em></label>
                        <input id="ccCode" name="ccCode" type="password" maxlength="3"/>
                    </li>

                </ol>
            </fieldset>
            <fieldset id="businessUser" style="display: none;">
                <legend>Business User Details</legend>
                <ol>
                    <li>
                        <label for="companyName">Company Name<em>*</em></label>
                        <input id="companyName" name="companyName" type="text" />
                    </li>
                    <li>
                        <label for="businessCharter">Business Charter<em>*</em></label>
                        <input id="businessCharter" name="businessCharter" type="text" />
                    </li>
                    <li>
                        <label for="contactName">Contact Name<em>*</em></label>
                        <input id="contactName" name="contactName" type="text" />
                    </li>                    
                    <li>
                        <label for="contactPhoneLand">Contact Phone Number (Land line)<em>*</em></label>
                        <input id="contactPhoneLand" name="contactPhoneLand" type="text" />
                    </li>
                    <li>
                        <label for="contactPhoneMobile">Contact Phone Number (Mobile)</label>
                        <input id="contactPhoneMobile" name="contactPhoneMobile" type="text" />
                    </li>
                    <li>
                        <label for="contactPhoneFax">Contact Fax Number</label>
                        <input id="contactPhoneFax" name="contactPhoneFax" type="text" />
                    </li>                    
                    <li>
                        <label for="contactPosition">Position</label>
                        <input id="contactPosition" name="contactPosition" type="text" />
                    </li>
                    <li>
                        <label for="contactEmail">Contact Email<em>*</em></label>
                        <input id="contactEmail" name="contactEmail" type="text" />
                    </li>
                    <li>
                        <label for="companyAddress">Company Address</label>
                        <input id="companyAddress" name="companyAddress" type="text" />
                    </li>
                    <li>
                        <label for="companyCity">City<em>*</em></label>
                        <input id="companyCity" name="companyCity" type="text" />
                    </li>
                    <li>
                        <label for="companyState">Company State</label>
                        <input id="companyState" name="companyState" />
                    </li>
                     <li>
                        <label for="companyPostalCode">Company Postal Code</label>
                        <input id="companyPostalCode" name="companyPostalCode" type="text" minlength="6" maxlength="6"/>
                    </li>
                     <li>
                        <label for="companyCountry">Company Country<em>*</em></label>
                        <input id="companyCountry" name="companyCountry" type="text" />
                    </li>                    
                    <li>
                        <label for="companyEmail">Company Email</label>
                        <input id="companyEmail" name="companyEmail" type="text" />
                    </li>
                    <li>
                        <label for="preferredIndustry">Preferred Industry<em>*</em></label>
                        <input id="preferredIndustry" name="preferredIndustry" type="text" />
                    </li>                    
                </ol>
            </fieldset>            
        </div>
        
            <input type="submit" name="Submit" value="Register">
        </form>
    
</div>